﻿@navbarBackground: #fff;
@import "bootstrap/2.3.2/bootstrap.less";

body {
    padding-top: 60px;
    padding-bottom: 40px;
}
.sidebar-nav {
    padding: 9px 0;
 }

.hero-unit {
    padding: 15px 30px;
}


.left-nav
{
    .panel {
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .panel-default {
        border: 1px solid #DDDDDD;
    }
    
    .panel-body {
        padding: 12px;
    }

    .panel-heading {
        background-color: #F5F5F5;
        border-bottom: 1px solid #DDDDDD;
        color: #333333;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 5px 12px;
        h4
        {
            margin: 0px;
            font-size: 15px;
            
            a
            {
                color: #000;
                font-weight: normal;
            }
        }
    }
    
    .search
    {
        .input-append
        {
            width: 100%;
            
            input#txtSearchFlows,
            input#txtSearchSystems
            {
                width: 85%;
            }
        }
        
    }

}

#loginForm
{
    margin: 0 auto;
    width: 350px;
    .loginPanel
    {
        input#UserName,
        input#Password
        {
            width: 250px;
        }
    }
}
.profile-box
{
    .avatar
    {
        line-height: 35px;
        margin-right: 7px;
    
        img
        {
            width: 27px;
        }
    }
    .info
    {
        font-size: 13px;
    }
}
@import "viewer.less";

@media only screen and (max-width : 320px) {
    .hero-unit h1 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
}
@import "bootstrap/2.3.2/responsive.less";
@import "VisualEditor.common.less";












